<template>
    <div>
        <DescribePanel :info="info" :editorwidth="800" :editorheight="200" :attributes="attributes" :events="events">
            <div id="windowF">
                <Window :title="'窗口'" v-show="show" @cancel="cancel">
                    <div>内容区</div>
                </Window>
            </div>
        </DescribePanel>
    </div>
</template>

<script>
/* eslint-disable*/
import Window from '../common/Window'
import DescribePanel from './DescribePanel'

export default {
	components: {
		Window,
		DescribePanel
	},
	data() {
		return {
			show: true,
			info: {
				title: 'Window 弹窗/面板',
				des: '可移动的面板',
				editor: `\n<Window ></Window>\n\n<script>\n  data() {\n     return {\n    check:true,\n  }\n}\n<script>`
			},
			attributes: [],
			events: []
		}
	},
	mounted() {},
	methods: {
		cancel() {
			this.show = false
		}
	}
}
</script>

 <style scoped>
#windowF {
	width: 200px;
	height: 300px;
}
</style>
